<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>可樂的仓库</title>
    <link rel="stylesheet" href="./css/index.min.css" />
  </head>
  <body>
    <div class="loader">
      <svg
        viewBox="0 0 18.528 35.424"
        version="1.1"
        y="0"
        x="0"
        height="369"
        width="193"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M3.358 35.05c.435-.175.646-.408.861-.95.374-.94.698-1.52 1.145-2.05.78-.92 1.757-1.638 2.666-1.957.603-.212.9-.204 1.505.041.843.343 1.597.25 2.062-.254.95-1.029 3.95-6.873 5.841-11.376.869-2.07.831-1.882.797-3.962-.034-2.106-.024-2.064-.927-3.887-1.639-3.31-4.426-6.582-7.147-8.392C8.71 1.298 6.715.504 5.296.328c-.718-.09-2.465-.001-3.183.16C.943.752.279 1.268.279 1.917c0 .119.437 1.136.97 2.26.533 1.126 1.044 2.291 1.135 2.591.334 1.106.776 3.567.945 5.27.065.652.357 1.286.751 1.633.419.367 1.351.786 1.964.883.286.044.534.096.553.115.018.018-.129.128-.327.244-.761.446-1.432 1.439-1.74 2.574-.216.802-.194 2.914.045 4.121.24 1.212.575 2.318 1.031 3.403.46 1.092.535 1.458.439 2.135-.223 1.575-1.958 4.03-3.489 4.937-.693.41-.885.587-1.066.98-.173.375-.185.535-.069.953.223.802 1.206 1.326 1.937 1.033z"
          fill="#000"
        ></path>
      </svg>

      <svg
        viewBox="0 0 2.4 14.4"
        version="1.1"
        y="0"
        x="0"
        height="150"
        width="25"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M2.2 13c0 .641-.447 1.16-1 1.16-.553 0-1-.519-1-1.16V1.4C.2.759.647.24 1.2.24c.553 0 1 .519 1 1.16z"
          fill="#000"
        ></path>
      </svg>

      <svg
        viewBox="0 0 18.528 35.424"
        version="1.1"
        y="0"
        x="0"
        height="369"
        width="193"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M15.105 35.155c-.42-.196-.627-.482-.902-1.253-.544-1.517-2.145-3.126-3.636-3.652-.69-.243-.887-.242-1.486.01-.617.26-1.342.278-1.798.045-.555-.283-1.76-2.262-3.476-5.708C2.628 22.232.984 18.575.455 17.144c-.236-.637-.237-.655-.237-2.485 0-2.164.01-2.209.9-4.013 1.011-2.049 2.53-4.189 4.185-5.9C7.679 2.293 9.783.995 12.49.313c.782-.197 1.554-.236 2.695-.137 1.619.14 2.38.38 2.882.909.21.22.246.321.243.684-.002.373-.122.67-.959 2.395-1.277 2.63-1.59 3.806-2.035 7.63-.111.951-.316 1.426-.809 1.87-.52.47-1.306.807-2.165.928l-.391.054.35.224c.897.574 1.58 1.674 1.834 2.956.193.969.12 2.791-.164 4.15-.222 1.061-.696 2.518-1.12 3.443-.336.735-.411 1.584-.203 2.3.505 1.738 2.056 3.692 3.736 4.705.693.417.938.83.874 1.476-.104 1.071-1.193 1.706-2.153 1.256z"
          fill="#000"
        ></path>
      </svg>
    </div>
    <span class="loader1"></span>
    <div class="preloader" style="opacity: 1">
      <svg
        version="1.1"
        id="sun"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px"
        y="0px"
        width="10px"
        height="10px"
        viewBox="0 0 10 10"
        xml:space="preserve"
        style="opacity: 1; margin-left: 0px; margin-top: 0px"
      >
        <g>
          <path
            fill="none"
            d="M6.942,3.876c-0.4-0.692-1.146-1.123-1.946-1.123c-0.392,0-0.779,0.104-1.121,0.301c-1.072,0.619-1.44,1.994-0.821,3.067C3.454,6.815,4.2,7.245,5,7.245c0.392,0,0.779-0.104,1.121-0.301C6.64,6.644,7.013,6.159,7.167,5.581C7.321,5,7.243,4.396,6.942,3.876z M6.88,5.505C6.745,6.007,6.423,6.427,5.973,6.688C5.676,6.858,5.34,6.948,5,6.948c-0.695,0-1.343-0.373-1.69-0.975C2.774,5.043,3.093,3.849,4.024,3.312C4.32,3.14,4.656,3.05,4.996,3.05c0.695,0,1.342,0.374,1.69,0.975C6.946,4.476,7.015,5,6.88,5.505z"
          ></path>
          <path
            fill="none"
            d="M8.759,2.828C8.718,2.757,8.626,2.732,8.556,2.774L7.345,3.473c-0.07,0.041-0.094,0.132-0.053,0.202C7.319,3.723,7.368,3.75,7.419,3.75c0.025,0,0.053-0.007,0.074-0.02l1.211-0.699C8.774,2.989,8.8,2.899,8.759,2.828z"
          ></path>
          <path
            fill="none"
            d="M1.238,7.171c0.027,0.047,0.077,0.074,0.128,0.074c0.025,0,0.051-0.008,0.074-0.02l1.211-0.699c0.071-0.041,0.095-0.133,0.054-0.203S2.574,6.228,2.503,6.269l-1.21,0.699C1.221,7.009,1.197,7.101,1.238,7.171z"
          ></path>
          <path
            fill="none"
            d="M6.396,2.726c0.052,0,0.102-0.026,0.13-0.075l0.349-0.605C6.915,1.976,6.89,1.885,6.819,1.844c-0.07-0.042-0.162-0.017-0.202,0.054L6.269,2.503C6.228,2.574,6.251,2.666,6.322,2.706C6.346,2.719,6.371,2.726,6.396,2.726z"
          ></path>
          <path
            fill="none"
            d="M3.472,7.347L3.123,7.952c-0.041,0.07-0.017,0.162,0.054,0.203C3.2,8.169,3.226,8.175,3.25,8.175c0.052,0,0.102-0.027,0.129-0.074l0.349-0.605c0.041-0.07,0.017-0.16-0.054-0.203C3.603,7.251,3.513,7.276,3.472,7.347z"
          ></path>
          <path
            fill="none"
            d="M3.601,2.726c0.025,0,0.051-0.007,0.074-0.02C3.746,2.666,3.77,2.574,3.729,2.503l-0.35-0.604C3.338,1.828,3.248,1.804,3.177,1.844C3.106,1.886,3.082,1.976,3.123,2.047l0.35,0.604C3.5,2.7,3.549,2.726,3.601,2.726z"
          ></path>
          <path
            fill="none"
            d="M6.321,7.292c-0.07,0.043-0.094,0.133-0.054,0.203l0.351,0.605c0.026,0.047,0.076,0.074,0.127,0.074c0.025,0,0.051-0.006,0.074-0.02c0.072-0.041,0.096-0.133,0.055-0.203l-0.35-0.605C6.483,7.276,6.393,7.253,6.321,7.292z"
          ></path>
          <path
            fill="none"
            d="M2.202,5.146c0.082,0,0.149-0.065,0.149-0.147S2.284,4.851,2.202,4.851H1.503c-0.082,0-0.148,0.066-0.148,0.148s0.066,0.147,0.148,0.147H2.202z"
          ></path>
          <path
            fill="none"
            d="M8.493,4.851H7.794c-0.082,0-0.148,0.066-0.148,0.148s0.066,0.147,0.148,0.147l0,0h0.699c0.082,0,0.148-0.065,0.148-0.147S8.575,4.851,8.493,4.851L8.493,4.851z"
          ></path>
          <path
            fill="none"
            d="M5.146,2.203V0.805c0-0.082-0.066-0.148-0.148-0.148c-0.082,0-0.148,0.066-0.148,0.148v1.398c0,0.082,0.066,0.149,0.148,0.149C5.08,2.352,5.146,2.285,5.146,2.203z"
          ></path>
          <path
            fill="none"
            d="M4.85,7.796v1.396c0,0.082,0.066,0.15,0.148,0.15c0.082,0,0.148-0.068,0.148-0.15V7.796c0-0.082-0.066-0.148-0.148-0.148C4.917,7.647,4.85,7.714,4.85,7.796z"
          ></path>
          <path
            fill="none"
            d="M2.651,3.473L1.44,2.774C1.369,2.732,1.279,2.757,1.238,2.828C1.197,2.899,1.221,2.989,1.292,3.031l1.21,0.699c0.023,0.013,0.049,0.02,0.074,0.02c0.051,0,0.101-0.026,0.129-0.075C2.747,3.604,2.722,3.514,2.651,3.473z"
          ></path>
          <path
            fill="none"
            d="M8.704,6.968L7.493,6.269c-0.07-0.041-0.162-0.016-0.201,0.055c-0.041,0.07-0.018,0.162,0.053,0.203l1.211,0.699c0.023,0.012,0.049,0.02,0.074,0.02c0.051,0,0.102-0.027,0.129-0.074C8.8,7.101,8.776,7.009,8.704,6.968z"
          ></path>
        </g>
      </svg>

      <svg
        version="1.1"
        id="cloud"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        x="0px"
        y="0px"
        width="10px"
        height="10px"
        viewBox="0 0 10 10"
        xml:space="preserve"
      >
        <path
          fill="none"
          d="M8.528,5.624H8.247c-0.085,0-0.156-0.068-0.156-0.154c0-0.694-0.563-1.257-1.257-1.257c-0.098,0-0.197,0.013-0.3,0.038C6.493,4.259,6.45,4.252,6.415,4.229C6.38,4.208,6.356,4.172,6.348,4.131C6.117,3.032,5.135,2.235,4.01,2.235c-1.252,0-2.297,0.979-2.379,2.23c-0.004,0.056-0.039,0.108-0.093,0.13C1.076,4.793,0.776,5.249,0.776,5.752c0,0.693,0.564,1.257,1.257,1.257h6.495c0.383,0,0.695-0.31,0.695-0.692S8.911,5.624,8.528,5.624z"
        ></path>
      </svg>

      <div class="rain">
        <span class="drop"></span>
        <span class="drop"></span>
        <span class="drop"></span>
        <span class="drop"></span>
        <span class="drop"></span>
        <span class="drop"></span>
        <span class="drop"></span>
        <span class="drop"></span>
        <span class="drop"></span>
        <span class="drop"></span>
      </div>

      <div class="text">LOADING...</div>
    </div>
    <div class="box">
      <div class="myCard">
        <div class="innerCard">
          <div class="frontSide">
            <p class="title">Html+CSS</p>
            <p>Hover Me</p>
          </div>
          <div class="backSide">
            <a href="./Html+CSS/电影作业.html" target="_blank">电影作业</a>
            <a href="./Html+CSS/太极作业.html" target="_blank">太极图作业</a>
            <a href="./Html+CSS/心跳作业.html" target="_blank">心跳作业</a>
            <a href="./Html+CSS/周末弹性作业.html" target="_blank"
              >周末弹性作业</a
            >
            <a href="./Html+CSS/浮动作业.html" target="_blank">浮动作业</a>
            <a href="./Html+CSS/精灵图/作业.html" target="_blank">精灵图作业</a>
            <a href="./Html+CSS/鼎搜/index.html" target="_blank">鼎搜作业</a>
            <a href="./Html+CSS/家具作业/3.17homework.html" target="_blank"
              >周末家具作业</a
            >
            <a href="./Html+CSS/flower-order/index.html" target="_blank"
              >订花乐作业</a
            >
            <a href="./Html+CSS/敦冠科技/homepage.html" target="_blank"
              >敦冠科技</a
            >
          </div>
        </div>
      </div>
      <div class="myCard">
        <div class="innerCard">
          <div class="frontSide">
            <p class="title">JavaScript</p>
            <p>Hover Me</p>
          </div>
          <div class="backSide">
            <a href="./JavaScript/04-12作业.html" target="_blank">4-12作业</a>
            <a href="./JavaScript/运算符.html" target="_blank">运算符作业</a>
            <a href="./JavaScript/数组作业.html" target="_blank">数组作业</a>
            <a href="./JavaScript/倒计时.html" target="_blank">倒计时作业</a>
            <a href="./JavaScript/流程控制作业.html" target="_blank"
              >流程控制作业</a
            >
            <a href="./JavaScript/ECMA_test.html" target="_blank">ECMA测试</a>
            <a href="./JavaScript/表格作业.html" target="_blank">表格作业</a>
            <a href="./JavaScript/表单渲染作业.html" target="_blank"
              >周六作业</a
            >
            <a href="./JavaScript/选项卡作业.html" target="_blank"
              >选项卡作业</a
            >
            <a href="./JavaScript/火箭起飞.html" target="_blank"
              >火箭起飞作业</a
            >
          </div>
        </div>
      </div>
      <div class="myCard">
        <div class="innerCard">
          <div class="frontSide">
            <p class="title">JavaScript-1</p>
            <p>Hover Me</p>
          </div>
          <div class="backSide">
            <a href="./JavaScript/作业.html" target="_blank">画图作业</a>
            <a href="./JavaScript/计算价格作业.html" target="_blank"
              >计算价格作业</a
            >
            <a href="./JavaScript/滚动动画.html" target="_blank">滚动动画</a>
            <a href="./JavaScript/百叶窗.html" target="_blank">百叶窗作业</a>
            <a href="./JavaScript/轮播图.html" target="_blank">轮播图作业</a>
            <a href="./JavaScript/五一作业/购物车.html" target="_blank"
              >综合购物车作业</a
            >
            <a href="./JavaScript/表单验证作业.html">正则作业</a>
            <a href="./JavaScript/this作业.md">函数this指向作业</a>
            <a href="./JavaScript/富豪榜作业.html">富豪榜作业</a>
            <a href="./Html+CSS/欧莱雅官网/index.html">欧莱雅官网</a>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
